<template>
	<view class="container">
		<view class="title">
			<text>使用说明：</text>
		</view>
		<view class="box">
			<text>该功能直接向图书馆管理员留言，感谢你的热心建议。管理员会在工作时间尽快回复，软件操作有问题直接询问工作人员</text>
		</view>

		<view class="input">
			<u-input v-model="inputValue" :type="type" :border="border" placeholder="想对我们说什么就直接说吧" :height="height"
				:auto-height="autoHeight" />
		</view>
		<view class="btn">
			<u-button style="color: #FFFFFF;background-color: #527ebb;">提交问题</u-button>
		</view>
	</view>


</template>

<script>
	export default {
		data() {
			return {
				inputValue: '',
				type: 'textarea',
				border: true,
				height: 200,
				autoHeight: true,
			};
		}
	}
</script>

<style lang="scss">
	.container {
		// background-color: red;
		height: 100%;
		padding: 10rpx 20rpx;
		
		.title {
			width: 100%;
			font-size: 35rpx;
			font-weight: 700;
			color: #597bae;
			margin-bottom: 10rpx;
		}
		
		.box {
			margin-bottom: 20rpx;
		}
		
		.input {
			margin-bottom: 20rpx;
		}
	}
</style>
